<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="shortcut icon" href="{{MEDIA_URL}}imagens/favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}estilos/estilo.css">

<script src="{{MEDIA_URL}}script/jquery.min.js" type="text/javascript"></script>
<script src="{{MEDIA_URL}}script/jquery.bxSlider.min.js" type="text/javascript"></script>
<script src="{{MEDIA_URL}}script/miniscripts.js" type="text/javascript"></script>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

<!-- Google + -->
<script type="text/javascript">
  window.___gcfg = {lang: 'pt-BR'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
<!-- Fim Google + -->

<title>Classi180 - O Maior site de classificados do Piauí, anúncie grátis!</title>
</head>
<body>
	<div id="topo">
		<div id="topo180plus">
			<div id="topo_logo_180">
				<a href="http://180graus.com">180graus</a>
			</div>
			<ul id="topo_links_180" >
				<li><a href="http://180graus.com/ultimas-noticias">NOTÍCIAS</a></li>
				<li><a href="http://180graus.com/cidades">CIDADES</a></li>
				<li><a href="http://180graus.com/blogs">BLOGS</a></li>
				<li><a href="http://180graus.com/esporte">ESPORTE</a></li>
				<li><a href="http://180graus.com/geral">ENTRETENIMENTO</a></li>
			</ul>
			<div id="login_classi">
					{%if request.user.is_authenticated%}
					<div id="form_login_classi">
						<div class="foto_perfil_topo">
							<a href="/login/"><img src="{{MEDIA_URL}}{{request.user.usuario_set.get.thumbnail}}"></a>
						</div>
						<div class="mini_menu_perfil">
							<a class="user_topo" href="/login/">{{request.user.username}}</a>
							<div class="opcs_mini_menu">
								<a href="/login/">Meu Perfil</a>
								<a href="/sair/">Sair</a>
							</div>
						</div>
					</div>
					{%else%}
					<div id="botao_link">
						<a href="/cadastrarUser/"><img src="{{MEDIA_URL}}imagens/cadastrese.png"></a>
					</div>					
					<form id="form_login_classi" action="/login/" method="post">
						{%csrf_token%}
						<div class="login_user">
							<label>Usuário</label><input type="text" name = "username" value="Nome de usuário ou email" onfocus="if(this.value == this.defaultValue) this.value = ''" onblur="if(this.value == '') this.value = this.defaultValue"/>
							<label>Senha</label><input class="login_senha last" type="password" name = "password" value="Senha" onfocus="if(this.value == this.defaultValue) this.value = ''" onblur="if(this.value == '') this.value = this.defaultValue"/>
							<input type="submit" class="logar_input" value="Entrar" />
						</div>
						<div class="login_lembrar">
							<input class="lembrar" type="checkbox" />
							<span>Lembrar-me</span>
							<span>|</span>
							<a href="#">Esqueceu sua senha?</a>
						</div>
					</form>
					{%endif%}
				</div>					
			</div>
		</div>